<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>中国铁路旅游</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/normalize.css"><!--去除浏览器默认样式-->
    <link rel="stylesheet" href="css/base.css"><!--公共样式-->
    <link rel="stylesheet" href="css/travel.css"><!--旅游样式-->
</head>
<body>
<!--火车游美丽甘南三日-->
<!--头部 start-->
<header>
    <!--铁路旅游logo-->
    <div class="travel_logo travel_w">
        <h1>
            <a href="#">中国铁路旅游</a>
        </h1>
    </div>
    <!--铁路旅游横幅-->
    <div class="travel_banner clearfix">
        <ul class="clearfix">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <!--小圆点-->
        <div class="travel_current clearfix">
            <span class="active_bg"></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!--铁路旅游导航-->
    <div class="traver_nav clearfix">
        <ul class="travel_w">
            <li>
                <a href="#" id="time" style="color: yellow">
                    时间,为当前的年月日,星期
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    首页
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    客运服务
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    货运服务
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    行包服务
                </a>
                <span></span>

            </li>
            <li>
                <a href="#">
                    旅游超市
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    车站引导
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    铁路常识
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    站车风采
                </a>
                <span></span>
            </li>
            <li>
                <a href="#">
                    客户邮箱
                </a>
            </li>
        </ul>
    </div>
    <!--铁路旅游搜索-->
    <div class="traver_search">
        <div class="traver_search_inner travel_w clearfix">
            <!--城市定位与选择-->
            <div class="traver_city fl">
                <div class="traver_city_inner clearfix">
                    <span>北京</span>
                    <button></button>
                    <i></i>
                    <em></em>
                </div>
                <div class="traver_city_city">
                    <dl>
                        <dt>华北</dt>
                        <dd style="color: red;" class="ke_xuan">北京</dd>
                        <dd>天津</dd>
                        <dd>河北</dd>
                        <dd style="color: red;" class="ke_xuan">山西</dd>
                        <dd style="color: red;" class="ke_xuan">内蒙古</dd>
                    </dl>
                    <dl>
                        <dt>华南</dt>
                        <dd style="color: red;" class="ke_xuan">广东</dd>
                        <dd style="color: red;" class="ke_xuan">广西</dd>
                        <dd>海南</dd>
                    </dl>
                    <dl>
                        <dt>华东</dt>
                        <dd style="color: red;" class="ke_xuan">上海</dd>
                        <dd>江苏</dd>
                        <dd>浙江</dd>
                        <dd>安徽</dd>
                        <dd style="color: red;" class="ke_xuan">福建</dd>
                        <dd style="color: red;" class="ke_xuan">山东</dd>
                    </dl>
                    <dl>
                        <dt>华中</dt>
                        <dd style="color: red;" class="ke_xuan">河南</dd>
                        <dd style="color: red;" class="ke_xuan">湖北</dd>
                        <dd>湖南</dd>
                        <dd style="color: red;" class="ke_xuan">江西</dd>
                    </dl>
                    <dl>
                        <dt>西北</dt>
                        <dd style="color: red;" class="ke_xuan">陕西</dd>
                        <dd style="color: red;" class="ke_xuan">甘肃</dd>
                        <dd style="color: red;" class="ke_xuan">青海</dd>
                        <dd>宁夏</dd>
                        <dd style="color: red;" class="ke_xuan">新疆</dd>
                    </dl>
                    <dl>
                        <dt>西南</dt>
                        <dd style="color: red;" class="ke_xuan">重庆</dd>
                        <dd style="color: red;" class="ke_xuan">四川</dd>
                        <dd style="color: red;" class="ke_xuan">贵州</dd>
                        <dd style="color: red;" class="ke_xuan">云南</dd>
                        <dd style="color: red;" class="ke_xuan">西藏</dd>
                    </dl>
                    <dl>
                        <dt>东北</dt>
                        <dd style="color: red;" class="ke_xuan">辽宁</dd>
                        <dd>吉林</dd>
                        <dd style="color: red;" class="ke_xuan">黑龙江</dd>
                    </dl>
                    <dl>
                        <dt>台港澳</dt>
                        <dd>台湾</dd>
                        <dd>香港</dd>
                        <dd>澳门</dd>
                    </dl>
                </div>
            </div>
            <!--搜索关键-->
            <div class="search_crux fl">
                <!--<div class="search_crux_inner">-->
                <!---->
                <!--</div>-->
                <input type="text" placeholder="请输入目的地城市、关键字或主题">
                <button>搜索</button>
            </div>
        </div>
        <!--热门旅游推荐-->
        <div class="travel_recommend_save travel_w">
            <ul>
                <li>热门旅游目的地：</li>
                <li><a href="">甘肃</a></li>
                <li><a href="">辽宁</a></li>
                <li><a href="">山西</a></li>
                <li><a href="">山东</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">北京</a></li>
                <li><a href="">河南</a></li>
            </ul>
        </div>
    </div>
</header>
<!--头部 end->
<!--介绍部分 start-->
<div class="huan_xi_bu_introduce travel_w">
    <!--当前所处位置-->
    <div class="current_position">
        <a href="#">首页</a>
        <span>&gt;</span>
        <a href="#">旅游超市</a>
        <span>&gt;</span>
        <span id="current_potion"></span>
    </div>
    <div class="huan_xi_bu_scenery_price clearfix">
        <div class="huan_xi_bu_scenery">
            <div class="huan_xi_bu_scenery_hd">
                <ul></ul>
                <div class="huan_xi_bu_scenery_bd">
                    <div>产品图片（<span>1</span>/
                        <div id="img_number" style="display: inline-block">12</div>
                        ）
                    </div>
                </div>
                <div class="huan_xi_bu_scenery_bd_inner clearfix">
                    <span id="huan_xi_bu_da_img1"></span>
                    <span id="huan_xi_bu_da_img2"></span>
                </div>
            </div>
            <div class="huanxi_bu_bd_anliu clearfix">
                <a href="javascript:void(0)" id="btn_left"></a>
                <div class="huanxi_bu_bd_anliu_ul">
                    <ul class="clearfix"></ul>
                </div>
                <a href="javascript:void(0)" id="btn_right"></a>
            </div>
        </div>
        <div class="huan_xi_bu_price">
            <h2></h2>
            <div class="txt01">
                编号：<i id="travel_number"></i>
                <span>|</span>
                出发地：<i id="travel_place"></i>
            </div>
            <div class="buy-box clearfix">
                <del>参考价</del>
                <span>￥</span>
                <i></i>
                /人
            </div>
            <div class="txt-item">
                <span>旅游类型&nbsp;&nbsp;</span>
                <div id="group_tour"></div>
            </div>
            <div class="txt-item">
                <span>目的地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <div id="travel_end"></div>
            </div>
            <div class="txt-item">
                <span>行程天数&nbsp;&nbsp;</span>
                <div id="travel_days"></div>
            </div>
            <div class="txt_item_one">
                <span>产品特色</span>

            </div>
            <div class="txt-item">
                <span>零售商</span>
                <div>甘肃兰铁国际旅行社有限公司</div>
            </div>
            <div class="txt-item">
                <span>联系电话</span>
                <div>4001630900</div>
            </div>
        </div>
    </div>
    <div class="info-item">
        <div class="info-menu-wrap">
            <div class="info-menu">
                <ul>
                    <li><a href="javascript:void(0)">行程介绍</a></li>
                </ul>
            </div>
        </div>
        <div class="info-xcjs">
        </div>
    </div>
</div>
<!--介绍部分 end-->
<!--底部strat-->
<footer>
    <div class="travel_footer">
        <div>
            <a href="#">
                关于我们
            </a>
            <span>|</span>
            <a href="#">
                网站声明
            </a>
        </div>
        <p>版权所有 © 2008-2017 中国铁路信息技术中心 中国铁道科学研究院</p>
        <p>京ICP备15003716号-3 | 京ICP证150437号</p>
    </div>
</footer>
<!--底部end-->
</body>
<script src="js/focusAndCompatible.js"></script>
<script src="js/show_hide.js"></script>
<script src="js/bg_click.js"></script>
<script src="js/click_carousel.js"></script>
<script src="js/showHideBb.js"></script>
<script src="js/page.js"></script>
<script>
    let page = new Page();
    //横幅
    page.click_carousel_event(page.getClassName("travel_current")[0], page.Focus.getFirstElement(page.getClassName("travel_banner")[0]), "active_bg", 30000);
</script>
<!--jQuery实现代码-->
<script src="jquery-1.12.1.js"></script>
<script>
    function getDates(dt) {
        let str1 = "";//存储时间的字符串
        let str2 = "";//存储时间的字符串
        //获取年
        let year = dt.getFullYear();
        //获取月
        let month = dt.getMonth() + 1;
        //获取日
        let day = dt.getDate();
        //获取小时
        let hour = dt.getHours();
        //获取分钟
        let min = dt.getMinutes();
        //获取秒
        let sec = dt.getSeconds();
        //获取星期
        let week = dt.getDay();
        month = month < 10 ? "0" + month : month;
        day = day < 10 ? "0" + day : day;
        hour = hour < 10 ? "0" + hour : hour;
        min = min < 10 ? "0" + min : min;
        sec = sec < 10 ? "0" + sec : sec;
        str1 = year + "年" + month + "月" + day + "日" + "星期" + week;
        return str1;
    }

    let dt = new Date();
    document.getElementById("time").innerHTML = getDates(dt);
</script>
<!--填充数据-->
<script src="js/travel_data.js"></script>
<script src="js/railway_tourism3.js"></script>
<script src="js/railway_tourism.js"></script>
</html>